*{
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}
li{
	list-style: none;
}

#app{
	height: 494px;
	width: 675px;
	overflow: hidden;
	
}
.left{
	float:left;
	width: 224px;
	height: 520px;
	/*overflow-x: hidden;*/
	/*overflow-y: scroll;*/
	background: beige;
}
.right{
	margin-left: 224px;
	width: 662px;
	height: 520px;
	overflow-y: scroll;
	overflow-x: hidden;
	background: orange;
}
.left .left_icon{
	padding: 15px;
    letter-spacing: 2px;
    font-size: 15px;
}
	
.search{
	width: 100%;
	height: 53px;
	border-bottom: solid 1px #DEDEDE;
}
.el-col{
	padding: unset !important;
}
#layer_date{
	float: right;
	width: 126px;
    margin-right: 30px;
    height: 30px;
    line-height: 30px;
    margin-top: 12px;
}
.search_input{
	padding-left: 5px;
	margin-top: 12px;
	width: 150px;
    margin-left: 30px;
    height: 30px;
    line-height: 30px;
    border:  solid 1px #e6e6e6;
}
.right_col .el-col-18{
	height: 495px;
	border-left: solid 1px #E6E6E6;
}
.el-menu{
	border-right: unset;
}



.li_item p{
	text-align: center;
	padding: 15px;
	font-size: 15px;
	padding-bottom: 0px;
}
.div_item{
	 padding: 15px;
    color: #525252;
    padding-left: 20px;
    position: relative;
    padding-bottom:0;
}
.div_item span{
	margin-left: 10px;
	    margin-left: 10px;
    width: 385px;
    display: inline-block;
        height: 45px;
}
.div_item button{
	background: #428ED9;
	color: #FFFFFF;
	border-radius: 4px;
	float: right;
	border: solid 1px #428ED9;
	width: 50px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    letter-spacing: 2px;
    display: none;
}
.div_item:hover{
	background: #E9E9E9;
}
      
.div_item:hover button{
	display: block;
}      
       
        input[type=checkbox] {
            /*position: relative;*/
            width: 10px;
            height: 1px;
        }
        input[type=checkbox]::before{
            content:'';
            position: absolute;
            top: 16px;
            left: 16px;
            width: 15px;
            height: 15px;
            line-height:15px;
            text-align: center;
            color:white;
            font-size:15px;
            background-color:#ffffff;
            border: solid 1px #DEDEDE;
            border-radius: 50%;
        }
        input[type=checkbox]:checked::before {
            /*color:blue;*/
            /*background-color:#409EFF;*/
            /*content:&radic;*/
           background: url(../../../images/choose.png) no-repeat;
		}
		

.un_ul .div_item{
	text-decoration:line-through;
}

.button{
	background: #428ED9;
    color: #FFFFFF;
    border-radius: 4px;
    border: solid 1px #428ED9;
    width: 50px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    letter-spacing: 2px;
    margin-right: 5px;
    cursor: pointer;
}
.list{
	overflow-y: scroll;
    height: 442px;
}
